/* 系统相关样式 */

/* 状态栏安全区域 */
.status-bar-safe-area {
    width: 100%;
    background-color: transparent;
    height: var(--status-bar-height);
}

/* 导航栏安全区域 */
.nav-bar-safe-area {
    width: 100%;
    background-color: transparent;
    height: var(--nav-bar-height);
}

/* 底部安全区域 */
.bottom-safe-area {
    width: 100%;
    background-color: transparent;
    height: var(--safe-area-bottom);
}

/* 安全区域变量定义 */
:root {
    --status-bar-height: 0px;
    --nav-bar-height: 44px;
    --safe-area-top: 0px;
    --safe-area-bottom: 0px;
    --safe-area-left: 0px;
    --safe-area-right: 0px;
}